
.public-title.dark {
  background: linear-gradient(90deg, rgba(106, 112, 124, 0.4) 0%, rgba(106, 112, 124, 0) 70%, rgba(106, 112, 124, 0) 100%);
  opacity: 1;
  border-top: 1px solid #6a707c;
  border-bottom: 1px solid #6a707c;
  border-image: linear-gradient(90deg,
  rgba(217.0000022649765, 231.00000143051147, 255, 0.5),
  rgba(217.0000022649765, 231.00000143051147, 255, 0)) 1 1;
  color: #ffffff;

  &:before {
    position: absolute;
    content: '';
    width: 7px;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #45a2ff;
  }

  .tips {
    font-size: 16px;
    padding-right: 10px;
    font-weight: normal;
  }
}

.public-title.light {
  background: url("/@/assets/images/title-background.png") no-repeat;
  background-size: 100% 100%;
  color: #576BAD;
}

.server-item.light {
  color: #607DDB;
}

.server-item.dark {

  &:nth-child(odd) {
    background-color: #0a0a0c;
  }
}

.right-top-item.light {
  .fixed-width {
    display: inline-flex;
    width: 100px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  //名字和类型宽度100
  > span:nth-child(1) {
    color: #607DDB;
    width: 100px;
  }

  > span:nth-child(2) {
    color: #F58584;
    width: 100px;
  }

  > div {
    color: #607DDB;
  }

  .terminal-icon {
    background: url('/@/assets/images/terminalNew.png') no-repeat;
  }

  .position {
    background: url('/@/assets/images/positionNew.png') no-repeat;
  }
}

.right-top-item.dark {
  .fixed-width {
    display: inline-flex;
    width: 100px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  > span:nth-child(1) {
    width: 100px;
  }

  > span:nth-child(2) {
    width: 100px;
  }

  span {
    color: #ffffff;
    font-size: 16px;
  }

  .terminal-icon {
    background: url('/@/assets/images/terminal.png') no-repeat;
  }

  .position {
    background: url('/@/assets/img/position.png') no-repeat;
  }
}

.outer-title.light {
  color: #576BAD;
  background: url('/@/assets/images/top-title-new.png') no-repeat;
}

.outer-title.dark {
  color: #ffffff;
  background: url('/@/assets/images/top-title.png') no-repeat;
}